<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>清明上河图</title>
  <!-- http://asvd.github.io/intence/ -->
</head>
<body>
  <div class="section" img="menu/07_horiz.png">
    <div class="_700_263 outer minus_b243 z1 relative">
      <div class="top left minus_l1">
        <img src="./images/river_handle_left.png">
      </div>
    
      <div class="top right minus_l1">
        <img src="./images/river_handle_right.png">
      </div>
    </div>
    <div class="_700_230 outer">
      <div class="scrollable_y intence dragscroll river_frame" id="river_scroll" scrollimg="river_scroll.jpg"
        scrollinfiniteeast="" scrollinfinitewest="" style="overflow: hidden; padding: 0px;">
        <div style="position: relative; overflow: hidden; width: 100%; height: 100%;">
          <div style="position: absolute; overflow: hidden; width: 100%; height: 100%; isolation: isolate;">
            <div style="position: absolute; overflow: scroll; z-index: 0;">
              <div style="float: left; width: 700px; height: 230px;">
                <div style="outline: rgb(70, 74, 77) none 0px; padding: 0px;">
                  <div class="river_wrap">
                    <img src="./images/01.jpg">
                    <img src="./images/02.jpg">
                    <img src="./images/03.jpg">
                    <img src="./images/04.jpg">
                    <img src="./images/05.jpg">
                    <img src="./images/06.jpg">
                    <img src="./images/07.jpg">
                    <img src="./images/08.jpg">
                    <img src="./images/09.jpg">
                    <img src="./images/10.jpg">
                    <img src="./images/11.jpg">
                    <img src="./images/12.jpg">
                    <img src="./images/13.jpg">
                    <img src="./images/14.jpg">
                    <img src="./images/15.jpg">
                  </div>
                </div>
              </div>
            </div>
            <div
              style="pointer-events: none; display: inline; position: absolute; overflow: hidden; width: 232px; height: 63px; top: -1px; left: -1px; z-index: 0; transform-origin: 0px 0px; -webkit-mask-image: -webkit-linear-gradient(top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 10%, rgba(0, 0, 0, 0.64) 20%, rgba(0, 0, 0, 0.49) 30%, rgba(0, 0, 0, 0.36) 40%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.16) 60%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0.04) 80%, rgba(0, 0, 0, 0.01) 90%, rgba(0, 0, 0, 0) 100%); transform: translate(0px, 230px) rotate(270deg);">
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 0px; height: 2.17971px; background-size: 100px 0.179714px; background-position: 131px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 0.179714px; height: 2.71886px; background-size: 100px 0.718857px; background-position: 131px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 0.898571px; height: 4.87543px; background-size: 100px 2.87543px; background-position: 131px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 3.774px; height: 13.5017px; background-size: 100px 11.5017px; background-position: 131px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 15.2757px; height: 48.0068px; background-size: 100px 46.0068px; background-position: 131px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 61.2825px; height: 186.027px; background-size: 100px 184.027px; background-position: 131px 1px; display: block;">
              </div>
            </div>
            <div
              style="pointer-events: none; display: inline; position: absolute; overflow: hidden; width: 232px; height: 63px; top: -1px; left: 1px; z-index: 0; transform-origin: 0px 0px; -webkit-mask-image: -webkit-linear-gradient(top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 10%, rgba(0, 0, 0, 0.64) 20%, rgba(0, 0, 0, 0.49) 30%, rgba(0, 0, 0, 0.36) 40%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.16) 60%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0.04) 80%, rgba(0, 0, 0, 0.01) 90%, rgba(0, 0, 0, 0) 100%); transform: translate(700px, 0px) rotate(90deg);">
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 0px; height: 2.04691px; background-size: 100px 0.0469139px; background-position: -1px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 0.0469139px; height: 2.18766px; background-size: 100px 0.187655px; background-position: -1px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 0.234569px; height: 2.75062px; background-size: 100px 0.750622px; background-position: -1px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 0.985191px; height: 5.00249px; background-size: 100px 3.00249px; background-position: -1px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 3.98768px; height: 14.0099px; background-size: 100px 12.0099px; background-position: -1px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 15.9976px; height: 50.0398px; background-size: 100px 48.0398px; background-position: -1px 1px; display: block;">
              </div>
            </div>
            <div
              style="pointer-events: none; display: inline; position: absolute; overflow: hidden; width: 702px; height: 1px; top: 1px; left: 1px; z-index: 0; transform-origin: 0px 0px; -webkit-mask-image: -webkit-linear-gradient(top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 10%, rgba(0, 0, 0, 0.64) 20%, rgba(0, 0, 0, 0.49) 30%, rgba(0, 0, 0, 0.36) 40%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.16) 60%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0.04) 80%, rgba(0, 0, 0, 0.01) 90%, rgba(0, 0, 0, 0) 100%); transform: translate(700px, 230px) rotate(180deg);">
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 0px; height: 2.18246px; background-size: 100px 0.182461px; background-position: 6102px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 0.182461px; height: 2.72985px; background-size: 100px 0.729846px; background-position: 6102px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 0.912307px; height: 4.91938px; background-size: 100px 2.91938px; background-position: 6102px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;);">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;);">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;);">
              </div>
            </div>
            <div
              style="pointer-events: none; display: inline; position: absolute; overflow: hidden; width: 702px; height: 1px; top: -1px; left: -1px; z-index: 0; transform-origin: 0px 0px; -webkit-mask-image: -webkit-linear-gradient(top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 10%, rgba(0, 0, 0, 0.64) 20%, rgba(0, 0, 0, 0.49) 30%, rgba(0, 0, 0, 0.36) 40%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.16) 60%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0.04) 80%, rgba(0, 0, 0, 0.01) 90%, rgba(0, 0, 0, 0) 100%);">
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 0px; height: 2.18246px; background-size: 100px 0.182461px; background-position: -5502px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 0.182461px; height: 2.72985px; background-size: 100px 0.729846px; background-position: -5502px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;); top: 0.912307px; height: 4.91938px; background-size: 100px 2.91938px; background-position: -5502px 1px; display: block;">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;);">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;);">
              </div>
              <div
                style="position: absolute; width: 100%; background-image: url(&quot;&quot;);">
              </div>
            </div>
          </div><object type="text/html" data="about:blank"
            style="display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -2048;"></object>
        </div>
      </div>
    </div>
  </div>
</body>
</html>